<template>
	<view>
		<!-- <view class="breakLine"></view> -->
		<view class="card">
			<view class="title">隐患信息</view>
			<view class="row">
				<view class="left">上报人：姚明</view>
			</view>
			<view class="row">
				<view class="left">整改状态</view>
				<view class="right">未整改</view>
			</view>
			<view class="row">
				<view class="left">隐患等级</view>
				<view class="right">一般事故隐患</view>
			</view>
			<view class="row">
				<view class="left">上报时间</view>
				<view class="right">2019-12-25  01:48:12</view>
			</view>
			<view class="row">
				<view class="left">负责人：陈明</view>
			</view>
			<view class="row">
				<view class="left">整改日期</view>
				<view class="right">2019-12-25  01:48:12</view>
			</view>
			<view class="row">
				<view class="left">整改负责人</view>
				<view class="right">张晓明</view>
			</view>
			<view class="buts">
				<button type="primary" style="background: #32b16c;">添加整改意见</button>
				<button type="primary" style="background: #2892ff;">制定责任人</button>
				<button type="primary" style="background: #f64b53;">隐患误报/取消</button>
				<button type="primary" style="background: #fa8302;">即查/即改</button>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			// 提交接口
			fxsspsave(){
				var _this = this;
				uni.request({
					url:this.$API.fxsspsave,
					data:{
						userid:uni.getStorageSync("userid"),
						'fxssp.position':_this.deptid,
						'fxssp.title':_this.deptid,
						'fxssp.addtime':_this.deptid,
						'fxssp.pics':_this.deptid,
						'fxssp.description':_this.deptid,
						'fxssp.find_deptid':_this.deptid,
						'fxssp.find_deptname':_this.deptid,
						'fxssp.find_userid':_this.deptid,
						'fxssp.safe_userid':_this.deptid,
						'fxssp.safe_username':_this.deptid,
						'fxssp.limit_time':_this.deptid,
						'fxssp.done_time':_this.deptid,
						'fxssp.danger_status':_this.deptid,
						'fxssp.done_userid':_this.deptid,
						'fxssp.done_username':_this.deptid,
						'fxssp.done_status':_this.deptid,
						'fxssp.submit_type':_this.deptid,
					},
					method:"GET",
					header:API.get_head(),
					success: (res) => {
						if(res.data.success){
							uni.showModal({
							    title: '提示',
							    content: '提交成功',
							    success: function (res) {
							        if (res.confirm) {
							            console.log('用户点击确定');
							        } else if (res.cancel) {
							            console.log('用户点击取消');
							        }
							    }
							});
						}
					},
					fail: () => {
						uni.showToast({
							title:"加载失败",
							icon:'none'
						})
					}
				})
			},
		}
	}
</script>

<style>
	.card{background:#FFFFFF;}
	.breakLine{background:#ececec;height: 30upx;}
	.title{font-size:50upx;padding:20upx 40upx;border-bottom: 1px solid #ccc;}
	.row{
		font-size: 32upx;
		padding: 15upx 40upx;
		display: flex;
		border-bottom: 1px solid #ccc;
	}
	.row .left{width:200upx;min-width:200upx;}
	.row .right{width:100%;}
	.buts{
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		padding-bottom:30upx;
	}
	button{
		color: #FFFFFF;
		width: 280upx;
		height: 70upx;
		line-height: 70upx;
		margin: 30upx 30upx 0;
		border-radius: 10upx;
		display: inline-block;
		font-size: 28upx;
	}
	textarea{
		width:100%;
		height:240upx;
	}
	.upimg{
		display: flex;
		width:100%;
		flex-flow: wrap;
	}
	.upimg image{
		width:140upx;
		min-width: 140upx;
		height:140upx;
		margin-right:20upx;
		margin-bottom:20upx;
		border-radius:10upx;
	}
	.upimg image:nth-child(3n){
		margin-right:0;
	}
</style>
